<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>我的收入</title>
	<link rel="stylesheet" type="text/css" href="../../build/css/base.css"/>
	<link rel="stylesheet" type="text/css" href="../../build/css/main.css">
	<script src="../../build/js/jquery.min.js"></script>
	<script src="../../build/public/vue.js" charset="utf-8"></script>
	<script src="../../build/public/vue-resource.js" charset="utf-8"></script>
	<script src="../../build/js/config.js"></script>
	<script src="../../build/js/common.js"></script>
	<script src="../../build/js/global.js"></script>
	<script src="../../build/public/base.js"></script>
</head>
<body style="padding-bottom:50px;">
	<div id="container">
		<!-- 我的收入 -->
		<div class="cus-con mine-con mine-income">
			<div class="cus-in">
				<div style="height:40px;padding-top:10px;">	
					<div class="bar-title">
						<span class="cus-invite mine-jump">{{ selectedYear }}年{{ selectedMonth }}月<span class="iconfont">&#xe61b;</span></span>
						<div class="jump-bg"></div>
						<ul class='mine-slide'>
							<li @click='selectYear(yearList[0],monthList[0])'>{{ yearList[0] }}年{{ monthList[0] }}月</li>
							<li @click='selectYear(yearList[1],monthList[1])'>{{ yearList[1] }}年{{ monthList[1] }}月</li>
							<li @click='selectYear(yearList[2],monthList[2])'>{{ yearList[2] }}年{{ monthList[2] }}月</li>
							<li @click='selectYear(yearList[3],monthList[3])'>{{ yearList[3] }}年{{ monthList[3] }}月</li>
							<li @click='selectYear(yearList[4],monthList[4])'>{{ yearList[4] }}年{{ monthList[4] }}月</li>
							<li @click='selectYear(yearList[5],monthList[5])'>{{ yearList[5] }}年{{ monthList[5] }}月</li>
						</ul>
					</div>
				</div>
				<div class="income-top mine-name" style="margin-bottom:20px;">
					<span class="color-orange">{{totalIncome | formatThree}}</span><br>
					<span>本月收入(元)</span>
				</div>
				<div class="bar-content">
					<div class="cus-total mine-total">
						<span class="circle"><i></i></span>
						收入明细
					</div>
					<div class="line"></div>
					<div class="wallet-no-text">本月的荷包没有收入哦~</div>
					<ul class="cus-in-li mine-order-con">
						<li v-for="income in orders">
							<span>{{income.year}}</span>
							<span class="mine-order-date">{{income.month}}</span>
							<div class="mine-order">
								<div class="mine-income-top">
									<div class="icome-li">
										<div class="icome-li-l">
											<div class="income-order">
												订单号：{{income.orderNo}}
											</div>
											<div class="income-order">
												类型：{{income.orderType | orderType }}
											</div>
										</div>
										<div class="icome-li-r">
											<div class="income-money">
												{{income.brokerage | formatThree}}元
											</div>
											<div class="income-money-text">
												佣金
											</div>
										</div>
									</div>
									<div class="income-order">
										{{income.productName }}
									</div>
								</div>
								<div class="cus-list-bot mine-list-bot income-list-bot">
									<span class="income-buy">购买金额：{{income.totalPrice  | formatThree}}元</span>
									<span class="income-name">购买客户：{{income.userName }}</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--底栏-->
		<my-footer></my-footer>
		<div class="empetDate empetOrder">
 			<span class="iconfont">&#xe602;</span>
 			抱歉！没找到更多数据
 		</div>
	</div>
<script src="../../build/js/template.js"></script>
<script src="../../build/js/mine/mine.js"></script>
</body>
</html>
